<script lang="ts" name="login" setup>
import LoginForm from './components/LoginForm.vue'

const baseTitle = import.meta.env.VITE_APP_TITLE
</script>

<template>
	<div class="login-container flx-center">
		<div class="login-box">
			<div class="login-left">
				<img alt="login" src="@/assets/images/login_left0.png">
			</div>
			<div class="login-form">
				<div class="login-logo">
					<img alt="" class="login-icon" src="@/assets/images/logo.svg">
					<h2 class="logo-text">{{ baseTitle }}</h2>
				</div>
				<LoginForm/>
			</div>
		</div>
	</div>
</template>

<style lang="scss" scoped>
@import "./index.scss";
</style>
